<template>
	<view class="v-home-page" :style="{ '--bg-image': `url(${ materialBg})` }">




		<view :style="{ height: navTop + 'px' }"></view>

		<view id="barTitle" :style="{ opacity: opacityStyle, height: heightSystemss+Number(50) + 'px' }"
			v-show="!hiddenModel">
			<text>成片库/{{info.name}}</text>
		</view>

		<view class="flex-start-center " style="color:#333333" @click="navBack()">

			<uni-icons style="margin-top: 7rpx;" color="#333333" type="left" size="20"></uni-icons>
			<text style="color: 333333;font-size: 33rpx;"> 成片库/{{info.name}}</text>
		</view>
		<view class="flex-between margin-top_40rpx">
			<view class="search-content flex-start-center " style="width: 520rpx;">
			
				<uni-icons style="margin-left: 20rpx;" color="#00000048" type="search" size="24"></uni-icons>
			
				
				<input placeholder="请输入搜索内容" v-model="name" @input="changeInput" 
					style="width: 520rpx;line-height: 1em; " placeholder-style="font-size:28rpx;color:#A1A1A1;" />
			
			
			</view>
			
			<view class=" ">
			
				<uv-checkbox-group v-model="checkboxValue" shape="circle" @change="changeCheckAll">
					<uv-checkbox v-for="(item, index) in checkboxList" :key="index" :label="item.name"
						:name="item.name"></uv-checkbox>
				</uv-checkbox-group>
			</view>
		</view>

		<mescroll-body ref="mescrollRef " @init="mescrollInit" :down="downOption" :up="upOption" @down="downCallback"
			@up="upCallback">

			<view class="solder flex-wrap-justifyBetween">
				<view class="templateCenter" v-for="(item,index) in list" :key="index">
					<!-- <image class="templateCenterImg" :src="item.cover" mode="aspectFill"></image> -->
					<video class="templateCenterImg" :src="item.file"></video>
					<view class="viewSearch">
						<!-- <image class="gradientImg" src="/static/one/gradient.png" mode=""></image> -->
						<view class="  font-overflow" style="width:342rpx">
							{{item.name}}
						</view>
						<view class="sameStyle flex-between">
							<view class="flex-column" @click="longpress(item.file)">
								<image class="downloadImg" :src="group3162" mode=""></image>
								<view style="color:#666666;font-size: 20rpx;">下载</view>
							</view>
							<view class="flex-column" @click="editFn(item)">
								<image class="editImg" :src="group3161" mode=""></image>
								<view style="color:#666666;font-size: 20rpx;">重命名</view>
							</view>


							<view class="publishCodeBtn flex" @click="publish(item.id)">
								扫码发布
							</view>

						</view>

						<image class="delImg" :src="del" mode="" @click="delFn(item)"></image>
						<uv-checkbox-group shape="circle" v-model="radiovalue" @change="e=>changeCheck(e,item.id)">
							<uv-checkbox :name="item.id"></uv-checkbox>
						</uv-checkbox-group>

					</view>
				</view>



			</view>
		</mescroll-body>
		<view class="height80">

		</view>

		<view class="v-call" v-if="isTab">
			<view class="flex-around">
				<view class="flex-column" @click="goTo(3)">
					<image class="addSolder" :src="uploader" mode=""></image>
					<view style="font-size: 26rpx;margin-top: 10rpx">上传成片</view>

				</view>
				<view class="">
					<picker mode="selector" @change="bindPickerChange2s" :data-userId="item.id" :range="groupLists"
						:range-key="'groupName'">
						<view class="flex-column">
							<image class="addSolder" :src="path" mode=""></image>
							<view style="font-size: 26rpx;margin-top: 10rpx;">移动成片</view>
						</view>
					</picker>


				</view>
				<view class="flex-column" @click="deleteFn()">
					<image class="addSolder" :src="group3150" mode=""></image>
					<view style="font-size: 26rpx;margin-top: 10rpx;">删除成片</view>

				</view>
			</view>
		</view>
		<sunui-popup ref="serviceItemsPopup">
			<template v-slot:content>

				<view class="serviceItemsContain ">
					<view class="top flex-between">
						<view class="">

						</view>
						<text>修改视频名称</text>
						<uni-icons @click='closeWriteOffIcon()' class="uniIcon" type="closeempty" size="22"
							style="color: #07070791;">
						</uni-icons>
					</view>

					<view class="card margin-bottom_50rpx">
						<view class="myNmae">

							<view class="">
								<input class="uni-inputsa" type="text" v-model="solderName" placeholder="请输入标题" />
							</view>


						</view>

					</view>

					<view class="PublishTags flex" @click="payNow()">
						确定
					</view>

				</view>

			</template>
		</sunui-popup>


		<sunui-popup ref="pop2">
			<template v-slot:content>
				<view class="display-a-jc padding_30rpx margin-bottom_30rpx" style="background-color: #fff;">
					<view class="font-weight_bold font-size_32rpx">添加账号</view>
				</view>
				<view class="display-fw-a  p-bo">
					<view style="width: 250rpx;" class="text-align_center margin-bottom_30rpx" @click="getAdd(1)">

						<image class="matrix-17" :src="group3157"></image>
						<view>D音</view>
					</view>

					<view style="width: 250rpx" class="text-align_center margin-bottom_30rpx" @click="getAdd(2)">
						<image class="matrix-17" :src="group3156"></image>
						<view>K手</view>
					</view>

					<view style="width: 250rpx" class="text-align_center margin-bottom_30rpx" @click="getAdd(3)">
						<image class="matrix-17" :src="group3155"></image>
						<view>小红薯发布</view>
					</view>
					<view style="width: 250rpx" class="text-align_center margin-bottom_30rpx" @click="getAdd(4)">
						<image class="matrix-17" :src="group3154"></image>
						<view>视频号发布</view>
					</view>

				</view>
				<view class="cancel" @click="closeBatch()">取消</view>
			</template>
		</sunui-popup>


		<sunui-popup ref="pop3">
			<template v-slot:content>
				<view class="flex-between padding_30rpx " style="background-color: #fff;">
					<view class="font-weight_bold font-size_32rpx">请选择ip</view>

					<!-- <view class="flex-start-center" @click="addGroup()">
						<image class="addIcon margin-right_16rpx" :src="group3257Four" mode=""></image>
						添加分组
					</view> -->
				</view>
				<view class="display-fw-a  p-bo">
					<!-- 	<picker mode="selector" @change="bindPickerChange2 " :data-userId="item.id" :range="groupList"
						:range-key="'groupName'">
						<view class="list-publics">
						

							<view class="display-a input-name" style="width: 689rpx;">
								<input type="text" style="width: 689rpx;" v-model="selGroupName" disabled
									placeholder="请选择账号所在的分组" placeholder-class="placeholder" />
								<image class="matrix-20" :src="matrix20"></image>
							</view>

						</view>
					</picker> -->


				</view>
				<view class="display-fw-a  p-bo">
					<view class="list-publics">
						<!-- <view class="margin-bottom_20rpx">
									选择素材
									<span class="red-dot">*</span>  
								</view> -->
						<pca-picker limitRegion="village" :active.sync="active"
							@getAddressResultObj='getAddressResultObj' @change="changeCity">
							<view class="display-a input-name" style="width: 689rpx;">
								<input type="text" style="width: 689rpx;" v-model="cityObject.city" disabled
									placeholder="请选择地区" placeholder-class="placeholder" />
								<image class="matrix-20" :src="matrix20"></image>
							</view>
						</pca-picker>



					</view>


				</view>
				<view class="flex">
					<view class="share flex" @click="cancel2()"
						style="color: #656565;border-right: 1rpx solid #ECECEC;">
						取消</view>
					<view class=" share flex" style="color: #0E8FF3;" @click="confirm()">
						确定
					</view>
				</view>
			</template>
		</sunui-popup>
		<sunui-popup ref="popDy3">
			<template v-slot:content>
				<view class="padding15 abc " :style="{ '--bg-images1': `url(${ materialBg})` }">
					<view class="top flex-between">
						<view class="">
			
						</view>
						<text class="font-weight_bold font-size_32rpx">扫码发布视频</text>
						<uni-icons @click="closeQRcodePopDy3()" class="uniIcon" type="closeempty" size="22"
							style="color: #07070791;">
						</uni-icons>
					</view>
			
					<view class="display-a-jc font-size_26rpx " style="color: #666666;margin-top: 15rpx;">
						打开「抖音app」点击左上角进行扫一扫</view>
			
			
					<view class="display-a-jc   padding_30rpx">
						<image class="QRcode " :src="QRcodeDY3" mode=""></image>
					</view>
			
			
			
					<view class="flex">
						<view class="share flex" @click="closeQRcodePopDy3()"
							style="color: #234984;border-right: 1rpx solid #ECECEC;">取消</view>
						<view class=" share flex" v-if="!isSuccess" @click="saveImage(QRcodeDY3)">
							<view class=" ">
			
								保存相册
							</view>
						</view>
			
					</view>
			
			
			
				</view>
			
			</template>
		</sunui-popup>
		<sunui-popup ref="pop5">
			<template v-slot:content>
				<view class="flex-between padding_30rpx " style="background-color: #fff;">
					<view class="font-weight_bold font-size_32rpx">请选择账号分组</view>

					<view class="flex-start-center" @click="addGroup()">
						<image class="addIcon margin-right_16rpx" :src="group3257Four" mode=""></image>
						添加分组
					</view>
				</view>
				<view class="display-fw-a  p-bo">
					<picker mode="selector" @change="bindPickerChange2 " :data-userId="item.id" :range="groupList"
						:range-key="'groupName'">
						<view class="list-publics">
							<!-- <view class="margin-bottom_20rpx">
									选择素材
									<span class="red-dot">*</span>
								</view> -->

							<view class="display-a input-name" style="width: 689rpx;">
								<input type="text" style="width: 689rpx;" v-model="selGroupName" disabled
									placeholder="请选择账号所在的分组" placeholder-class="placeholder" />
								<image class="matrix-20" :src="matrix20"></image>
							</view>

						</view>
					</picker>


				</view>

				<view class="flex">
					<view class="share flex" @click="cancel3()"
						style="color: #656565;border-right: 1rpx solid #ECECEC;">
						取消</view>
					<view class=" share flex" style="color: #0E8FF3;" @click="confirm()">
						确定
					</view>
				</view>
			</template>
		</sunui-popup>
		<sunui-popup ref="pop6">
			<template v-slot:content>
				<view class="padding15 abc " :style="{ '--bg-images1': `url(${ materialBg})` }">
					<view class="top flex-between">
						<view class="">

						</view>
						<text class="font-weight_bold font-size_32rpx">扫码发布视频</text>
						<uni-icons @click="closeQRcode()" class="uniIcon" type="closeempty" size="22"
							style="color: #07070791;">
						</uni-icons>
					</view>

					<view class="display-a-jc font-size_26rpx " style="color: #666666;margin-top: 15rpx;">
						打开「快手APP」点击左上角进行扫一扫</view>


					<view class="display-a-jc   padding_30rpx">
						<image class="QRcode " :src="QRcodeKS" mode=""></image>
					</view>



					<view class="flex">
						<view class="share flex" @click="closeQRcode()"
							style="color: #234984;border-right: 1rpx solid #ECECEC;">取消</view>
						<view class=" share flex" v-if="!isSuccess" @click="saveImage(QRcodeKS)">
							<view class=" ">

								保存相册
							</view>
						</view>

					</view>



				</view>

			</template>
		</sunui-popup>

		<sunui-popup ref="pop4">
			<template v-slot:content>
				<view class="padding15 abc" :style="{ '--bg-images1': `url(${ materialBg})` }">
					<view class="top flex-between">
						<view class="">

						</view>
						<text class="font-weight_bold font-size_32rpx">扫码发布视频</text>
						<uni-icons @click='closeQRcode()' class="uniIcon" type="closeempty" size="22"
							style="color: #07070791;">
						</uni-icons>
					</view>

					<view class="display-a-jc font-size_26rpx margin-bottom_30rpx"
						style="color: #666666;margin-top: 15rpx;">
						打开「抖音APP」点击左上角进行扫一扫</view>
					<uni-countdown ref="countdown" class="display-a-jc" :show-day="false" v-if="showCount"
						:second="testSecond" @timeup="timeupFn" color="#FFFFFF" background-color="#007AFF" />

					<view class="display-a-jc   padding_30rpx">
						<image class="QRcode" :src="QRcode" mode=""></image>

						<!-- <uqrcode v-if="!(recodeBol)" class="qrcode" ref="qrcode" canvas-id="qrcode" :value="QRcode"
									size="200"></uqrcode> -->

						<div class="v-be-overdue flex" v-if="recodeBol">
							<!-- <i class="el-icon-refresh-right"></i> -->
							<uni-icons type="clear" color="#ff0000" size="30"></uni-icons>
							<div class="font-weight_bold">二维码异常</div>
							<div class="font-weight_bold">点击重新加载</div>
							<!-- <view style="color: red; margin-top: 40rpx;">
										发布失败:{{errMsg}}
									</view> -->
						</div>

						<div class="v-be-overdue flex" v-if="isSuccess">
							<!-- <i class="el-icon-success" style="color:#67C23A;"></i> -->
							<uni-icons type="checkbox-filled" color="#67C23A" size="30"></uni-icons>
							<div style="margin-top: 32rpx;" class="font-weight_bold">扫码成功</div>
							<view style="color: red; margin-top: 40rpx;" v-if="errMsg">
								发布失败:{{errMsg}}
							</view>
						</div>
						<div class="v-be-overdue flex" v-if="expiredBol">
							<!-- <i class="el-icon-refresh-right"></i> -->
							<uni-icons type="clear" color="#ff0000" size="30"></uni-icons>
							<div class="font-weight_bold">授权失败</div>
							<div class="font-weight_bold">点击重新扫码授权</div>
							<!-- <view style="color: red; margin-top: 40rpx;">
										发布失败:{{errMsg}}
									</view> -->
						</div>


					</view>

					<view class="margin-bottom_10rpx" v-if="isSuccess">
						<view class="font-size_32rpx font-weight_bold margin-bottom_30rpx">验证码</view>
						<input type="text" class="input-name" placeholder="请输入dy验证码" placeholder-class="placeholder"
							v-model="dyCode" />
					</view>

					<view class="flex">
						<view class="share flex" @click='closeQRcode()'
							style="color: #234984;border-right: 1rpx solid #ECECEC;">取消</view>
						<view class=" share flex" v-if="!isSuccess" @click="repeatCode">
							<view class=" ">

								重新获取二维码
							</view>
						</view>
						<view class=" share flex" v-if="isSuccess" @click="loginDyCode()">
							<view class=" ">

								完成授权
							</view>
						</view>
					</view>



				</view>

			</template>
		</sunui-popup>

		<!-- 小红薯 -->
		<sunui-popup ref="pop7">
			<template v-slot:content>
				<view class="flex-between padding_30rpx " style="background-color: #fff;">
					<view class="font-weight_bold font-size_32rpx">请选择扫码类型</view>

					<!-- <view class="flex-start-center" @click="addGroup()">
						<image class="addIcon margin-right_16rpx" :src="group3257Four" mode=""></image>
						添加分组
					</view> -->
				</view>

				<view class="display-fw-a  p-bo">
					<picker mode="selector" @change="bindPickerChange2 " :data-userId="item.id" :range="groupList"
						:range-key="'groupName'">
						<view class="list-publics">
							<!-- <view class="margin-bottom_20rpx">
									选择素材
									<span class="red-dot">*</span>
								</view> -->

							<!-- <view class="display-a input-name" style="width: 689rpx;">
								<input type="text" style="width: 689rpx;" v-model="selGroupName" disabled
									placeholder="请选择账号所在的分组" placeholder-class="placeholder" />
								<image class="matrix-20" :src="matrix20"></image>
							</view> -->

						</view>
					</picker>


				</view>
				<view class="flex-start-center" style="padding: 0 30rpx 30rpx">
					<!-- 1 小红书扫码 2. cookoe授权 -->
					<view class="display-a margin-right_40rpx" @click="getxhsType(1)">
						<image class="matrix-12" :src="xhsType == 1 ? matrix13 : matrix12"></image>
						<view>扫码绑定</view>
					</view>
					<view class="display-a margin-right_40rpx" @click="getxhsType(2)">
						<image class="matrix-12 " :src="xhsType == 2 ? matrix13 : matrix12"></image>
						<view>小红薯cookie绑定 </view>
					</view>
				</view>
				<view class="margin-bottom_10rpx" style="padding: 0 30rpx 30rpx" v-if="xhsType == 2 ">
					<view class="font-size_32rpx font-weight_bold margin-bottom_30rpx">cookie授权</view>
					<textarea v-model="cookie" auto-height maxlength="-1" placeholder="请输入cooki授权绑定" />
				</view>


				<view class="flex">
					<view class="share flex" @click="cancel4()"
						style="color: #656565;border-right: 1rpx solid #ECECEC;">
						取消</view>
					<view class=" share flex" style="color: #0E8FF3;" @click="confirm()">
						确定
					</view>
				</view>
			</template>
		</sunui-popup>


		<sunui-popup ref="pop8">
			<template v-slot:content>
				<view class="padding15 abc" :style="{ '--bg-images1': `url(${ materialBg})` }">
					<view class="top flex-between">
						<view class="">

						</view>
						<text class="font-weight_bold font-size_32rpx">扫码发布视频</text>
						<uni-icons @click='closeQRcode()' class="uniIcon" type="closeempty" size="22"
							style="color: #07070791;">
						</uni-icons>
					</view>

					<view class="display-a-jc font-size_26rpx margin-bottom_50rpx"
						style="color: #666666;margin-top: 15rpx;">
						打开「小红书APP」点击左上角进行扫一扫</view>

					<view class="display-a-jc   padding_30rpx">
						<image class="QRcode" :src="QRcodeXhs" mode=""></image>

						<!-- <uqrcode v-if="!(recodeBol)" class="qrcode" ref="qrcode" canvas-id="qrcode" :value="QRcode"
									size="200"></uqrcode> -->

						<div class="v-be-overdue flex" v-if="recodeBol">
							<!-- <i class="el-icon-refresh-right"></i> -->
							<uni-icons type="clear" color="#ff0000" size="30"></uni-icons>
							<div class="font-weight_bold">二维码异常</div>
							<div class="font-weight_bold">点击重新加载</div>
							<!-- <view style="color: red; margin-top: 40rpx;">
										发布失败:{{errMsg}}
									</view> -->
						</div>

						<div class="v-be-overdue flex" v-if="isSuccess">
							<!-- <i class="el-icon-success" style="color:#67C23A;"></i> -->
							<uni-icons type="checkbox-filled" color="#67C23A" size="30"></uni-icons>
							<div style="margin-top: 32rpx;" class="font-weight_bold">授权成功</div>
							<view style="color: red; margin-top: 40rpx;" v-if="errMsg">
								发布失败:{{errMsg}}
							</view>
						</div>
						<div class="v-be-overdue flex" v-if="expiredBol">
							<!-- <i class="el-icon-refresh-right"></i> -->
							<uni-icons type="clear" color="#ff0000" size="30"></uni-icons>
							<div class="font-weight_bold">授权失败</div>
							<div class="font-weight_bold">点击重新扫码授权</div>
							<!-- <view style="color: red; margin-top: 40rpx;">
										发布失败:{{errMsg}}
									</view> -->
						</div>


					</view>



					<view class="flex">
						<view class="share flex" @click='closeQRcode()'
							style="color: #234984;border-right: 1rpx solid #ECECEC;">取消</view>
						<view class=" share flex" v-if="!isSuccess" @click="repeatCodeXhs">
							<view class=" ">

								重新获取二维码
							</view>
						</view>

					</view>



				</view>

			</template>
		</sunui-popup>
		<sunui-popup ref="pop9">
			<template v-slot:content>
				<view class="flex-between padding_30rpx " style="background-color: #fff;">
					<view class="font-weight_bold font-size_32rpx">请选择账号名称</view>

					<!-- 	<view class="flex-start-center" @click="addGroup()">
						<image class="addIcon margin-right_16rpx" :src="group3257Four" mode=""></image>
						添加分组
					</view> -->
				</view>
				<!-- 	<view class="display-fw-a  p-bo">
					<picker mode="selector" @change="bindPickerChange2 " :data-userId="item.id" :range="groupList"
						:range-key="'groupName'">
						<view class="list-publics">
						

							<view class="display-a input-name" style="width: 689rpx;">
								<input type="text" style="width: 689rpx;" v-model="selGroupName" disabled
									placeholder="请选择账号所在的分组" placeholder-class="placeholder" />
								<image class="matrix-20" :src="matrix20"></image>
							</view>

						</view>
					</picker>


				</view> -->
				<!-- 	<view class="display-fw-a  p-bo">
							<view class="list-publics">
								
								<pca-picker limitRegion="village" :active.sync="active"
									@getAddressResultObj='getAddressResultObj' @change="changeCity">
									<view class="display-a input-name" style="width: 689rpx;">
										<input type="text" style="width: 689rpx;" v-model="cityObject.city" disabled
											placeholder="请选择地区" placeholder-class="placeholder" />
										<image class="matrix-20" :src="matrix20"></image>
									</view>
								</pca-picker>
				
				
				
							</view>
				
				
						</view> -->
				<view class="display-fw-a  p-bo">

					<view class="list-publics">


						<view class="display-a input-name" style="width: 689rpx;">
							<input type="text" style="width: 689rpx;" v-model="sphAccountName" placeholder="请选择账号名称"
								placeholder-class="placeholder" />
							<!-- <image class="matrix-20" :src="matrix20"></image> -->
						</view>

					</view>



				</view>
				<view class="flex">
					<view class="share flex" @click="cancel5()"
						style="color: #656565;border-right: 1rpx solid #ECECEC;">
						取消</view>
					<view class=" share flex" style="color: #0E8FF3;" @click="confirm()">
						确定
					</view>
				</view>
			</template>
		</sunui-popup>
		<sunui-popup ref="pop10">
			<template v-slot:content>
				<view class="padding15 abc" :style="{ '--bg-images1': `url(${ materialBg})` }">
					<view class="top flex-between">
						<view class="">

						</view>
						<text class="font-weight_bold font-size_32rpx">扫码发布视频</text>
						<uni-icons @click='closeQRcode()' class="uniIcon" type="closeempty" size="22"
							style="color: #07070791;">
						</uni-icons>
					</view>

					<view class="display-a-jc font-size_26rpx margin-bottom_30rpx"
						style="color: #666666;margin-top: 15rpx;">
						打开「微信APP」点击左上角进行扫一扫</view>
					<uni-countdown ref="countdown" class="display-a-jc" v-if="showCountSph" :show-day="false"
						:second="testSecond" @timeup="timeupFn" color="#FFFFFF" background-color="#007AFF" />

					<view class="display-a-jc   padding_30rpx">
						<image class="QRcode" :src="QRcode" mode=""></image>

						<!-- <uqrcode v-if="!(recodeBol)" class="qrcode" ref="qrcode" canvas-id="qrcode" :value="QRcode"
									size="200"></uqrcode> -->

						<div class="v-be-overdue flex" v-if="recodeBol">
							<!-- <i class="el-icon-refresh-right"></i> -->
							<uni-icons type="clear" color="#ff0000" size="30"></uni-icons>
							<div class="font-weight_bold">二维码异常</div>
							<div class="font-weight_bold">点击重新加载</div>
							<!-- <view style="color: red; margin-top: 40rpx;">
										发布失败:{{errMsg}}
									</view> -->
						</div>

						<div class="v-be-overdue flex" v-if="isSuccess">
							<!-- <i class="el-icon-success" style="color:#67C23A;"></i> -->
							<uni-icons type="checkbox-filled" color="#67C23A" size="30"></uni-icons>
							<div style="margin-top: 32rpx;" class="font-weight_bold">扫码成功</div>
							<view style="color: red; margin-top: 40rpx;" v-if="errMsg">
								发布失败:{{errMsg}}
							</view>
						</div>
						<div class="v-be-overdue flex" v-if="expiredBol">
							<!-- <i class="el-icon-refresh-right"></i> -->
							<uni-icons type="clear" color="#ff0000" size="30"></uni-icons>
							<div class="font-weight_bold">授权失败</div>
							<div class="font-weight_bold">点击重新扫码授权</div>
							<!-- <view style="color: red; margin-top: 40rpx;">
										发布失败:{{errMsg}}
									</view> -->
						</div>


					</view>

					<view class="margin-bottom_10rpx" v-if="isSuccess">
						<view class="font-size_32rpx font-weight_bold margin-bottom_30rpx">验证码</view>
						<input type="text" class="input-name" placeholder="请输入dy验证码" placeholder-class="placeholder"
							v-model="dyCode" />
					</view>

					<view class="flex">
						<view class="share flex" @click='closeQRcode()'
							style="color: #234984;border-right: 1rpx solid #ECECEC;">取消</view>
						<view class=" share flex" v-if="!isSuccess" @click="repeatCodeSph">
							<view class=" ">

								重新获取二维码
							</view>
						</view>
						<view class=" share flex" v-if="isSuccess" @click="loginDyCode()">
							<view class=" ">

								完成授权
							</view>
						</view>
					</view>



				</view>

			</template>
		</sunui-popup>

		<sunui-popup ref="pop2s">
			<template v-slot:content>
				<view class="display-a-js padding_30rpx p-bo">
					<view class="font-weight_bold font-size_32rpx" style="margin-left: 300rpx;">添加分组</view>
					<view class="color_FF0000" @click="closeBatch2s()">关闭</view>
				</view>
				<view style="padding: 34rpx;">
					<view class="font-size_32rpx font-weight_bold margin-bottom_30rpx">分组类型</view>
					<view class="flex-between margin-bottom_50rpx">

						<view class="display-a margin-right_40rpx" @click="getType(1)">
							<image class="matrix-12" :src="groupType == 1 ? matrix13 : matrix12"></image>
							<view>D音</view>
						</view>
						<!-- <view class="display-a margin-right_40rpx" @click="getType(1)">
											<image class="matrix-12" :src="groupType == 1 ? matrix13 : matrix12"></image>
											<view>机构矩阵</view>
										</view> -->
						<view class="display-a margin-right_40rpx" @click="getType(2)">
							<image class="matrix-12" :src="groupType == 2 ? matrix13 : matrix12"></image>
							<view>K手</view>
						</view>
						<view class="display-a margin-right_40rpx" @click="getType(3)">
							<image class="matrix-12 " :src="groupType == 3 ? matrix13 : matrix12"></image>
							<view>小红薯 </view>
						</view>
						<view class="display-a " @click="getType(4)">
							<image class="matrix-12" :src="groupType == 4 ? matrix13 : matrix12"></image>
							<view>视频H</view>
						</view>
					</view>
					<view class="font-size_32rpx font-weight_bold margin-bottom_30rpx">分组名称</view>
					<input type="text" class="input-name" placeholder="请输入分组名称" placeholder-class="placeholder"
						v-model="groupName" />
					<view class="list-but" @click="addSure()">确认添加</view>
				</view>
			</template>
		</sunui-popup>













	</view>
</template>

<script>
	import regionPicker from "@/components/region-picker/region-picker.vue"
	import pcaPicker from '@/components/pca-picker-cc/pca-picker-cc.vue'
	export default {
		components: {

			pcaPicker,
			regionPicker
		},
		data() {

			return {
				group3154: this.$imgs.group3154,
				group3157: this.$imgs.group3157,
				group3156: this.$imgs.group3156,
				group3155: this.$imgs.group3155,
			
				path: this.$imgs.path,
				group21: this.$imgs.group21,
				group3162: this.$imgs.group3162,
				uploader: this.$imgs.uploader,
				group3161: this.$imgs.group3161,
				group3150: this.$imgs.group3150,
				del: this.$imgs.del,

				group5584: this.$imgs.group5584,
				radiovalue: [],
				arr: [],
				list: [],
				submitParams: {},
				groupList: [{
					id: 26,
					groupName: '测试'

				}],


				navTop: '',
				materialBg: 'https://tuanma.weijuyunke.com/index/images/material.png',


				checkboxValue: [''],
				solderName: '',
				// 基本案列数据
				checkboxList: [{

					disabled: false,
					name: '全选'
				}],
				info: {},
				//,1普通 2 作品
				status: 1,

				hiddenModel: true, //显示影藏
				opacityStyle: 0, //透明度
				heightSystemss: "",
				id: '',
				isTab: true,
				tabel: 0,
				userPageList: [],
				selGroupName: '',
				user_id: '',
				groupLists: [],

				// ==============

				groupList: [],

				sphAccountName: '',
				testSecond: 120,
				cityObject: {
					pid: '',
					cid: '',
					cityName: '',
					pidName: '',
					city: ''

				},
				dyCode: '',
				matrix11: 'https://yuntt.weijuyunke.com/yunttXcxImage/matrix/11.png',
				matrix12: this.$imgs.group3129,
				matrix13: this.$imgs.group3152,


				group3257Four: this.$imgs.group3257Four,
				navTop: '',
				materialBg: 'https://tuanma.weijuyunke.com/index/images/material.png',

				matrix1: 'https://yuntt.weijuyunke.com/yunttXcxImage/matrix/1.png',
				matrix20: this.$imgs.matrix20,




				matrixStatistics: {},
				type: '',
				isWhether: true,
				groupName: '',
				groupType: 1,
				selGroupName: '',
				active: true,
				group_id: '',
				QRcode: '',
				dyInfo: '',
				// 扫码失败
				recodeBol: false,
				// 扫码成功
				isSuccess: false,
				// 授权失败
				expiredBol: false,
				// this.showQrcode()
				timer: '',
				encrypt_uid: '',
				QRcodeKS: '',
				xhsType: 1,
				QRcodeXhs: '',
				xhsInfo: "",
				timerXhs: '',
				timerSph: '',
				cookie: '',
				sphAccountName: "",
				sphInfo: '',

				showCount: true,
				showCountSph: true,
				user: uni.getStorageSync('user'),
				memberSetObj: {},
				QRcodeDY3:'',
				name:''
			}
		},
		onLoad(options) {
			const app = getApp();
			this.navTop = app.globalData.navTop;
			// 普通
			this.info = JSON.parse((decodeURIComponent(options.info)));

			if (this.info.isTab) {
				this.isTab = false
			} else {
				this.isTab = true
			}
			// 作品
			if (this.info.dub_url) {

				this.status = 2

			} else {
				this.status = 1
			}


			console.log(this.info)

			this.folderListFn()
			this.createdgetSystemInfo()
			this.userInfos()
			this.memberSetFn()


		},
		onPageScroll(ev) {


			if (ev.scrollTop > 10) {
				let opacity = ev.scrollTop / 140

				// this.opacityStyle = opacity > 1 ? 1 : opacity
				this.opacityStyle = 1
				this.hiddenModel = false
				// this.createdgetSystemInfo();

			} else {
				this.hiddenModel = true
			}
		},
		onShow() {
			this.$nextTick(() => {
				this.mescroll?.resetUpScroll();
			})
		},
		onHide() {
			console.log('页面隐藏')
			clearInterval(this.timer);
			clearInterval(this.timerXhs);
			clearInterval(this.timerSph);



		},
		// 监听页面卸载
		onUnload() {
			console.log('页面隐藏')
			clearInterval(this.timer);
			clearInterval(this.timerXhs);
			clearInterval(this.timerSph);



		},
		computed: {


		},
		methods: {
			async userInfos() {
				const result = await this.$http.get({
					url: this.$api.userInfo,
					data: {
						// 用户id
						uid: uni.getStorageSync('uid'),
						// 上级id
						// pid: ''
					}
				});
				if (result.errno == 0) {
					this.user = result.data;

					uni.setStorageSync('user', result.data);


				}
			},
			getxhsType(index) {


				this.xhsType = index

			},

			saveImage(url) {
				wx.downloadFile({
					url: url,
					success: (res) => {
						console.log(res)
						// if (res.statusCode === 200) {
						uni.saveImageToPhotosAlbum({
							filePath: res.tempFilePath,
							success: () => {
								uni.showToast({
									title: '保存成功',
									icon: 'success'
								});
							},
							fail: () => {
								uni.showToast({
									title: '保存失败',
									icon: 'none'
								});
							}
						});
					},
					fail: () => {
						uni.showToast({
							title: '下载失败',
							icon: 'none'
						});
					}
				});
			},
			del(id) {
				uni.showModal({
					title: '提示',
					content: '是否确认删除该任务?',
					success: async (res) => {
						if (res.confirm) {
							const result = await this.$http.post({
								url: this.$api.taskDel,
								data: {
									uid: uni.getStorageSync("uid"),
									task_id: id
								}
							});
							if (result.errno == 0) {
								this.$sun.toast(result.messgae);
								setTimeout(() => {
									this.$nextTick(() => {
										this.mescroll.resetUpScroll();
									});
								}, 2000);
							} else {
								this.$sun.toast(result.messgae, 'none');
							}
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			showQrcode() {
				let _this = this;
				this.modal_qr = true;
				// uni.showLoading()
				setTimeout(function() {
					// uni.hideLoading()
					_this.$refs.qrcode.crtQrCode()
				}, 50)
			},
			// 重新扫码
			repeatCode() {
				this.showCount = false

				clearInterval(this.timer);
				this.authorizedQRCodeFn()



				this.isSuccess = false



				setTimeout(() => {
					this.expiredBol = false
					this.recodeBol = false
					this.showCount = true
					this.$refs.countdown.update()
					// this.$refs.countdown.update()
					this.testSecond = 120
				}, 1000)

			},
			// 重新扫码
			repeatCodeXhs() {
				clearInterval(this.timerXhs);
				this.xhsQrcodeFn()


				this.isSuccess = false
				this.recodeBol = false
				this.expiredBol = false



			},

			// 重新扫码
			repeatCodeSph() {
				this.showCountSph = false
				clearInterval(this.timerSph);



				this.authorizedQRCodeFnSph()
				this.isSuccess = false
				setTimeout(() => {
					this.expiredBol = false
					this.recodeBol = false
					this.showCountSph = true
					this.$refs.countdown.update()
					// this.$refs.countdown.update()
					this.testSecond = 120
				}, 1000)





			},

			timeupFn() {
				this.$nextTick(() => {
					if (!this.expiredBol) {
						this.recodeBol = true
					}


				})
				console.log('时间到了')

				// clearInterval(this.timer);

			},
			getAddressResultObj(e) {

				console.log(e)
				this.cityObject.pid = e.province.code
				this.cityObject.cid = e.city.code
				this.cityObject.cityName = e.city.name
				this.cityObject.pidName = e.province.name
				this.cityObject.city = e.province.name + '/' + e.city.name

			},
			addGroup() {
				this.$refs.pop2s.show({
					style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;z-index:9999!important',
					anim: 'bottom',
					position: 'bottom',
					shadeClose: false,
				});
			},

			//分组类型
			getType(type) {
				this.groupType = type;
			},
			//添加分组
			async addSure() {

				if (!this.groupName) {
					this.$sun.toast("请输入分组名称", 'none');
					return;
				}

				if (!this.isWhether) {
					return;
				}
				this.isWhether = false;

				const result = await this.$http.post({
					url: this.$api.groupSave,
					data: {
						name: this.groupName,
						type: this.groupType,
						uid: uni.getStorageSync("uid"),
					}
				});
				if (result.errno == 0) {
					this.$sun.toast(result.message);
					this.groupListFn()
					setTimeout(() => {
						this.selLabel = this.groupType;
						this.groupName = '';
						this.$refs.pop2s.close();
						this.isWhether = true;

					}, 2000);
				} else {
					this.isWhether = true;
					this.$sun.toast(result.message, 'none');
				}
			},
			async groupListFn() {
				const result = await this.$http.get({
					url: this.$api.groupList,
					data: {
						uid: uni.getStorageSync('uid'),
						type: this.type



					}
				});
				if (result.errno == 0) {
					console.log(result.data)
					this.groupList = result.data.map((item) => {
						return {
							groupName: item.name,
							id: item.id
						}
					})

				} else {
					this.$sun.toast(result.message, 'none')
				}
			},

			async matrixIndexFn() {
				const result = await this.$http.get({
					url: this.$api.matrixIndex,
					data: {
						uid: uni.getStorageSync('uid'),


					}
				});
				if (result.errno == 0) {
					console.log(result.data)
					this.matrixStatistics = result.data

				} else {
					this.$sun.toast(result.message, 'none')
				}
			},


			navBack() {
				this.$sun.navBack()
			},
			//账号状态
			bindPickerChange2(e) {

				this.selGroupName = this.groupList[e.detail.value].groupName
				this.group_id = this.groupList[e.detail.value].id
				console.log("---->", e);


			},
			getLabel(index) {
				this.selLabel = index;

				this.$nextTick(() => {
					this.mescroll.resetUpScroll();
				});



			},
			async memberSetFn() {
				const result = await this.$http.get({
					url: this.$api.memberSet,
					data: {


					}
				});
				if (result.errno == 0) {

					this.memberSetObj = result.data

					console.log(result.data)

				}
			},

			closeBatch2s() {
				this.$refs.pop2s.close()
			},

			closeBatch() {
				this.$refs.pop2.close()
			},
			publish(id) {


				if (this.user.is_member == 0 && this.memberSetObj.is_open == 1) {
					uni.showModal({
						title: '温馨提示',
						content: '你当前不是会员，请开通会员后享受该功能',
						confirmText: '开通会员',
						confirmColor: '#4A5EFF',
						success: async (res) => {
							if (res.confirm) {


								this.$sun.navGo('/pages/contactUs/memberCenter')

							} else if (res.cancel) {

							}
						}
					});
				} else {

					this.id = id
					recodeBol: false;
					// 扫码成功
					isSuccess: false;
					// 授权失败
					expiredBol: false;
					this.$refs.pop2.show({
						style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;',
						anim: 'bottom',
						position: 'bottom',
						shadeClose: false,
					});
				}


			},

			cancel2() {
				this.$refs.pop3.close()
				this.group_id = ''
				this.cityObject.city = ''
				this.selGroupName = ''
			},
			cancel3() {
				this.$refs.pop5.close()
				this.group_id = ''
				this.selGroupName = ''
			},
			cancel4() {
				this.$refs.pop7.close()
				this.group_id = ''
				this.selGroupName = ''
			},
			cancel5() {
				this.$refs.pop9.close()
				this.group_id = ''
				this.selGroupName = ''
			},
			changeInput(e){
				console.log(e)
				this.name=e.detail.value
				
				setTimeout(() => {
					this.$nextTick(() => {
						this.mescroll?.resetUpScroll();
					})
				}, 500)
			},

			async getAdd(type) {

				if (this.user.is_member == 0 && this.memberSetObj.is_open == 1) {
					uni.showModal({
						title: '温馨提示',
						content: '你当前不是会员，请开通会员后享受该功能',
						confirmText: '开通会员',
						confirmColor: '#4A5EFF',
						success: async (res) => {
							if (res.confirm) {


								this.$sun.navGo('/pages/contactUs/memberCenter')

							} else if (res.cancel) {

							}
						}
					});
				} else {
					this.selGroupName = ''
					this.group_id = ''



					this.type = type

					this.groupListFn()
					if (this.type == 1) {

						const result = await this.$http.get({
							url: this.$api.forwardSet,


						});
						if (result.errno == 0) {
							console.log(result.data)

							if (result.data.d_repost == 1) {
								this.$refs.pop3.show({
									style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;',
									anim: 'bottom',
									position: 'bottom',
									shadeClose: false,
								});

							} else {
								// 扫码发布

								const result = await this.$http.get({
									url: this.$api.dyQrcodeFolder,
									data: {
										uid: uni.getStorageSync('uid'),



										type: 2,

										file_id: this.id,



									}

								});
								if (result.errno == 0) {
									console.log(result.data)
									this.QRcodeDY3=result.data
									// QRcodeDY3
									setTimeout(()=>{
										this.$refs.popDy3.show({
											style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;',
											anim: 'bottom',
											position: 'bottom',
											shadeClose: false,
										});
									},200)



								} else {
									this.$sun.toast(result.message, 'none')
								}


							}







						} else {
							this.$sun.toast(result.message, 'none')
						}




					} else if (this.type == 2) {
						this.confirm()



					} else if (this.type == 3) {
						this.$refs.pop7.show({
							style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;',
							anim: 'bottom',
							position: 'bottom',
							shadeClose: false,
						});
					} else if (this.type == 4) {
						this.$refs.pop9.show({
							style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;',
							anim: 'bottom',
							position: 'bottom',
							shadeClose: false,
						});
					}
				}



			},
			async confirm() {
				// 调用函数
				if (this.type == 1) {
					this.showCount = false
					// if (!this.group_id) {
					// 	this.$sun.toast('请填写账号分组', 'none')
					// 	return
					// }
					if (!this.cityObject.city) {
						this.$sun.toast('请选择ip地区', 'none')
						return
					}


					this.authorizedQRCodeFn()
					this.$refs.countdown.update()

					this.recodeBol = false
					setTimeout(() => {
						this.showCount = true
						this.testSecond = 120
					}, 200)


					this.$refs.pop4.show({
						style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;',
						anim: 'bottom',
						position: 'bottom',
						shadeClose: false,
						zIndex: 99999
					});
				} else if (this.type == 2) {
					// if (!this.group_id) {
					// 	this.$sun.toast('请填写账号分组', 'none')
					// 	return
					// }
					this.authorizedQRCodeFnKS()
					this.$refs.pop6.show({
						style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;',
						anim: 'bottom',
						position: 'bottom',
						shadeClose: false,
						zIndex: 99999
					});
				} else if (this.type == 3) {
					// if (!this.group_id) {
					// 	this.$sun.toast('请填写账号分组', 'none')
					// 	return
					// }
					if (!this.cookie && this.xhsType == 2) {
						this.$sun.toast('请填写cookie授权', 'none')
						return
					}
					if (this.xhsType == 2) {
						const result = await this.$http.get({
							url: this.$api.xhsAuth,
							data: {
								uid: uni.getStorageSync('uid'),



								group_id: 0,

								cookies: this.cookie



							}

						});
						if (result.errno == 0) {
							console.log(result.data)

							this.isSuccess = true
							clearInterval(this.timerXhs);
							this.cookie = ''
							this.group_id = ''
							this.$sun.toast(result.message, 'none')

							this.confirmFb(result.data.uid)



						} else {
							this.$sun.toast(result.message, 'none')
						}
					} else {
						this.xhsQrcodeFn()
						this.$refs.pop8.show({
							style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;',
							anim: 'bottom',
							position: 'bottom',
							shadeClose: false,
							zIndex: 99999
						});
					}
				} else if (this.type == 4) {
					this.showCountSph = false
					// if (!this.group_id) {
					// 	this.$sun.toast('请填写账号分组', 'none')
					// 	return
					// }
					// if (!this.cityObject.city) {
					// 	this.$sun.toast('请选择ip地区', 'none')
					// 	return
					// }

					if (!this.sphAccountName) {
						this.$sun.toast('请选择账号名称', 'none')
						return
					}


					this.authorizedQRCodeFnSph()
					this.$refs.countdown.update()

					this.recodeBol = false
					setTimeout(() => {
						this.showCountSph = true
						this.testSecond = 120
					}, 200)


					this.$refs.pop10.show({
						style: 'background-color:#fff;width:750rpx;height:auto;border-radius: 40rpx 40rpx 0 0;',
						anim: 'bottom',
						position: 'bottom',
						shadeClose: false,
						zIndex: 99999
					});
				}
			},
			// 获取小红书二维码
			async xhsQrcodeFn() {
				const result = await this.$http.get({
					url: this.$api.xhsQrcode,
					data: {
						uid: uni.getStorageSync('uid'),


					}

				});
				if (result.errno == 0) {
					console.log(result.data)
					this.QRcodeXhs = 'data:image/png;base64,' + result.data.qrcode

					this.xhsInfo = result.data

					this.timerXhs = setInterval(() => {
						this.statusClickXhs();
					}, 7000);


				} else {
					this.$sun.toast(result.message, 'none')
				}
			},
			async authorizedQRCodeFnSph() {
				const result = await this.$http.get({
					url: this.$api.sphQrcode,
					data: {
						uid: uni.getStorageSync('uid'),


					}

				});
				if (result.errno == 0) {
					console.log(result.data)
					this.QRcode = result.data.qrcode

					console.log(this.QRcode)

					this.sphInfo = result.data

					this.timerSph = setInterval(() => {
						this.statusClickSph(this.sphInfo);
					}, 7000);

				} else {
					this.$sun.toast(result.message, 'none')
				}
			},
			// 获取抖音授权二维码

			async authorizedQRCodeFn() {
				const result = await this.$http.get({
					url: this.$api.dyQrcode,
					data: {
						uid: uni.getStorageSync('uid'),



						pid: this.cityObject.pid,

						cid: this.cityObject.cid,



					}
				});
				if (result.errno == 0) {
					console.log(result.data)
					this.QRcode = 'data:image/png;base64,' + result.data.qrcode

					console.log(this.QRcode)

					this.dyInfo = result.data

					this.timer = setInterval(() => {
						this.statusClick(this.dyInfo);
					}, 7000);

				} else {
					this.$sun.toast(result.message, 'none')
				}
			},
			// 获取快手授权二维码

			async authorizedQRCodeFnKS() {
				const result = await this.$http.get({
					url: this.$api.ksQrcode,
					data: {
						uid: uni.getStorageSync('uid'),

						group_id: 0,
						scanData: this.id + '-' + uni.getStorageSync('uid'),





					}
				});
				if (result.errno == 0) {
					console.log(result.data)
					this.QRcodeKS = result.data





				} else {
					this.$sun.toast(result.message, 'none')
				}
			},

			// 检查状态
			async statusClickSph() {
				const result = await this.$http.get({
					url: this.$api.sphCheck,
					data: {
						uid: uni.getStorageSync('uid'),

						// 			pid: this.cityObject.pid,

						// 			cid: this.cityObject.cid,

						group_id: 0,
						token: this.sphInfo.token,
						nickname: this.sphAccountName


					}
				});
				if (result.errno == 0) {
					console.log(result.data)
					// 发送二维码 1
					// 		if (result.data.status == 1) {


					// 			this.isSuccess = true
					// 			this.encrypt_uid = result.data.encrypt_uid
					// 		}
					// 已授权 2

					if (result.data.status == 1) {

						this.$sun.toast('授权成功', 'none')

						this.sphAccountName = ''
						this.group_id = ''
						// this.cityObject.city = ''
						this.confirmFb(result.data.uid)
						


						clearInterval(this.timerSph);
					}

					if (result.data.status == 'expired') {

						this.$sun.toast('授权失败请重新授权', 'none')
						this.recodeBol = false
						this.isSuccess = false
						this.expiredBol = true

						this.sphAccountName = ''

						setTimeout(() => {
							this.$refs.countdown.update()
							this.testSecond = 0
						}, 200)



						clearInterval(this.timerSph);
					}


				} else {
					console.log(result.data)
					this.isSuccess = false
					this.recodeBol = false
					this.expiredBol = true
					clearInterval(this.timerSph);
					this.$sun.toast('授权失败请重新扫码', 'none')
				}
			},

			async statusClickXhs() {
				const result = await this.$http.post({
					url: this.$api.xhsCheck,
					data: {
						uid: uni.getStorageSync('uid'),



						group_id: 0,
						cookies: this.xhsInfo.cookies,
						qr_id: this.xhsInfo.qr_id,
						code: this.xhsInfo.code


					}
				});
				if (result.errno == 0) {
					console.log(result.data)
					// 发送二维码 1
					if (result.data.status == 1) {


						this.isSuccess = true
						clearInterval(this.timerXhs);

						this.group_id = ''
						this.$sun.toast(result.message, 'none')

						setTimeout(() => {
							this.$refs.pop2.close();
							this.$refs.pop7.close();
							this.$refs.pop8.close();
						}, 500)
					}


					if (result.data.status == 'expired') {

						this.$sun.toast('授权失败请重新授权', 'none')
						this.isSuccess = false
						this.expiredBol = true
						this.recodeBol = false

						setTimeout(() => {
							this.$refs.countdown.update()
							this.testSecond = 0
						}, 200)





						clearInterval(this.timerXhs);
					}


				} else {
					console.log(result.data)
					this.isSuccess = false
					this.recodeBol = false
					this.expiredBol = true
					clearInterval(this.timerXhs);
					this.$sun.toast('授权失败请重新扫码', 'none')
				}
			},

			// 检查状态
			async statusClick() {
				const result = await this.$http.get({
					url: this.$api.dyCheck,
					data: {
						uid: uni.getStorageSync('uid'),

						pid: this.cityObject.pid,

						cid: this.cityObject.cid,

						group_id: 0,
						token: this.dyInfo.token,
						proxy: this.dyInfo.proxy


					}
				});
				if (result.errno == 0) {
					console.log(result.data)
					// 发送二维码 1
					if (result.data.status == 1) {


						this.isSuccess = true
						this.encrypt_uid = result.data.encrypt_uid
					}
					// 已授权 2

					if (result.data.status == 2) {

						this.$sun.toast('授权成功', 'none')

						this.dyCode = ''
						this.group_id = ''
						this.cityObject.city = ''

						clearInterval(this.timer);

						// 掉发布接口
						this.confirmFb(result.data.uid)
					}

					if (result.data.status == 'expired') {

						this.$sun.toast('授权失败请重新授权', 'none')
						this.isSuccess = false
						this.recodeBol = false
						this.expiredBol = true

						this.dyCode = ''



						clearInterval(this.timer);
					}


				} else {
					console.log(result.data)
					this.isSuccess = false
					this.expiredBol = true
					this.recodeBol = false
					clearInterval(this.timer);
					this.$sun.toast('授权失败请重新扫码', 'none')
				}
			},
			// 验证登录验证码
			async loginDyCode() {
				if (!this.dyCode) {
					this.$sun.toast('请填写验证码后在授权', 'none')
					return
				}
				const result = await this.$http.get({
					url: this.$api.dyVerifySms,
					data: {


						encrypt_uid: this.encrypt_uid,
						token: this.dyInfo.token,
						code: this.dyCode


					}
				});
				if (result.errno == 0) {
					console.log(result.data)

					if (result.data.verify == 1) {

						this.$sun.toast('验证成功正在授权中请不要关闭页面', 'none')

					}


				} else {
					clearInterval(this.timer);
					console.log(result.data)
					this.$sun.toast(result.message, 'none')
				}
			},

			closeQRcode() {
				if (this.type == 1) {
					this.showCount = false
					this.group_id = ''
					this.selGroupName = ''
					this.cityObject.city = ''
					this.isSuccess = false
					this.expiredBol = false

					this.recodeBol = false
					clearInterval(this.timer);
					this.$refs.pop4.close()
				} else if (this.type == 2) {
					this.group_id = ''
					this.selGroupName = ''
					this.$refs.pop2.close()
					this.$refs.pop5.close()
					this.$refs.pop6.close()



				} else if (this.type == 3) {
					this.group_id = ''
					this.selGroupName = ''
					this.isSuccess = false
					this.expiredBol = false

					this.recodeBol = false
					this.$refs.pop2.close()
					this.$refs.pop7.close()
					this.$refs.pop8.close()
					clearInterval(this.timerXhs);
				} else if (this.type == 4) {
					this.showCountSph = false
					this.group_id = ''
					this.selGroupName = ''
					this.sphAccountName = ''

					this.isSuccess = false
					this.expiredBol = false

					this.recodeBol = false
					this.$refs.pop2.close()
					this.$refs.pop9.close()

					this.$refs.pop10.close()
					clearInterval(this.timerSph);
				}
			},

			// ==================================


			async userPageListFn() {
				const result = await this.$http.get({
					url: this.$api.userList,
					data: {
						uid: uni.getStorageSync('uid'),
						group_id: '',
						type: this.type



					}
				});
				if (result.errno == 0) {
					console.log(result.data)
					this.userPageList = result.data.map((item) => {
						return {
							groupName: item.nickname,
							id: item.id
						}
					})

				} else {
					this.$sun.toast(result.message, 'none')
				}
			},
			createdgetSystemInfo() {
				let menuButtonObject = uni.getMenuButtonBoundingClientRect(); //获取菜单按钮（右上角胶囊按钮）的布局位置信息。坐标信息以屏幕左上角为原点。
				uni.getSystemInfo({
					//获取系统信息
					success: res => {
						let navHeight = menuButtonObject.height + (menuButtonObject.top - res
							.statusBarHeight) * 2; //导航栏高度=菜单按钮高度+（菜单按钮与顶部距离-状态栏高度）*2
						this.heightSystemss = navHeight;
						console.log(navHeight, '==========================')

					},
					fail(err) {
						console.log(err);
					}
				});
			},
			closeQRcodePopDy3(){
				this.$refs.popDy3.close()
			},
			async folderListFn() {

				const result = await this.$http.get({
					url: this.$api.folderList,
					data: {
						uid: uni.getStorageSync('uid'),

						type: 2
					}
				});
				if (result.errno == 0) {
					this.groupLists = result.data.map((item) => {
						return {
							folder_id: item.id,
							groupName: item.name

						}
					})
				} else {

					this.$sun.toast(result.message)
				}

			},
			async fileChangeFn(target_id) {
				// 新建文件夹
				const result = await this.$http.get({
					url: this.$api.fileChange,
					data: {
						uid: uni.getStorageSync('uid'),

						file_id: this.arr.length == 1 ? this.arr[0] : this.arr.join(
							','),
						target_id: target_id,
						type: 2
					}
				});
				if (result.errno == 0) {
					this.solderName = ''
					this.$sun.toast(result.message)
					this.checkboxValue = []
					this.radiovalue = []
					this.arr = []

					this.$refs.serviceItemsPopup.close()

					this.$nextTick(() => {
						this.mescroll?.resetUpScroll();
					})
				} else {
					this.solderName = ''
					this.$sun.toast(result.message)
				}
			},

			async upCallback(scroll) {

				const result = await this.$http.get({
					url: this.$api.fileList,
					data: {
						// 用户id
						uid: uni.getStorageSync('uid'),
						type: 2,
						page: scroll.num,
						psize: 10,
						folder_id: this.status == 1 ? this.info.id : this.info.product_folder_id,
						task_id: this.status == 1 ? '' : this.info.id,
						task_type: this.status == 1 ? '' : this.info.task_type,
						name:this.name?this.name:''




					}
				});
				if (result.errno == 0) {

					this.mescroll.endByPage(result.data.list.length, result.totalPage);
					if (scroll.num == 1) this.list = [];
					this.list = this.list.concat(result.data.list);
					// this.list = this.list.map((item, index) => {
					// 	return {
					// 		name: item.name,
					// 		create_time: item.create_time,
					// 		id: item.id,
					// 		index: index
					// 	}
					// })
					console.log(this.list)

				}

			},
			changeCheck(e, index) {
				console.log(e, index)


				if (this.arr.includes(index)) {

					let a = this.arr.indexOf(index); // 查找索引
					this.arr.splice(a, 1);
					if (this.arr != -1) {
						this.radiovalue = this.arr
					}

				} else {
					this.arr.push(index)


					console.log(this.arr)

					this.radiovalue = this.arr
				}
				if (this.radiovalue.length == this.list.length) {
					this.checkboxValue = ['全选']
				}
				if (this.radiovalue.length != this.list.length) {
					this.checkboxValue = []
				}



			},
			changeCheckAll(e) {
				console.log(e[0])

				if (e[0] == '全选') {
					let ids = this.list.map(item => item.id);
					this.radiovalue = ids
					this.arr = ids
				} else {
					this.radiovalue = []
					this.arr = []
				}
			},
			navBack() {
				this.$sun.navBack()
			},

			async confirmFb(user_id) {
				uni.showLoading({
					title: '发布中...',
					mask: true
				});

				const result = await this.$http.post({
					url: this.$api.fileRepost,
					data: {
						// 用户id
						uid: uni.getStorageSync('uid'),
						type: 2,

						file_id: this.id,
						way: this.type,
						user_id: user_id




					}
				});
				if (result.errno == 0) {
					

					console.log(result.data)
					if (this.type == 4) {
						uni.showLoading({
							title: '发布中...',
							mask: true
						});


						setTimeout(()=>{
							this.sphUploadResultFn(result.data, user_id)
						},10000)
					} else {
						

						if (this.type == 1) {
							setTimeout(() => {
								this.$sun.toast(result.message, 'none')
								this.$refs.pop2.close();
								this.$refs.pop3.close();
								this.$refs.pop4.close();
								uni.hideLoading()
							}, 500)
						} else if (this.type == 3) {
							setTimeout(() => {
								this.$sun.toast(result.message, 'none')
								this.$refs.pop2.close();
								this.$refs.pop7.close();
								this.$refs.pop8.close();
							}, 500)
							uni.hideLoading()

						}




					}


				} else {
					uni.hideLoading()
					this.$sun.toast(result.message, 'none')
				}


			},


			async sphUploadResultFn(item_id, user_id) {
				uni.showLoading({
					title: '发布中...',
					mask: true
				});

				const result = await this.$http.post({
					url: this.$api.sphUploadResult,
					data: {
						// 用户id
						uid: uni.getStorageSync('uid'),
						type: 2,

						file_id: this.id,

						user_id: user_id,
						item_id: item_id

					}
				});
				if (result.errno == 0) {
					uni.hideLoading()
					setTimeout(() => {
						this.$sun.toast(result.message, 'none')
					}, 200)
					console.log(result.data)
					setTimeout(() => {
						this.$refs.pop2.close();
						this.$refs.pop9.close();
						this.$refs.pop10.close();
					}, 500)

				} else {
					uni.hideLoading()
					this.$sun.toast(result.message, 'none')
				}
			},
			//保存到相册
			async longpress(urls) {


				uni.showLoading({
					title: '下载中',
					mask: true,
				});
				uni.downloadFile({
					url: urls,
					success: res => {
						if (res.statusCode === 200) {
							uni.saveVideoToPhotosAlbum({
								filePath: res.tempFilePath,
								success: r => {
									uni.hideLoading();

									this.$sun.toast('保存视频成功');
								},
								fail: e => {
									// console.log(res);
									if (e.errMsg ==
										'saveVideoToPhotosAlbum:fail auth deny'
									) {

										uni.showModal({
											title: '您需要授权视频权限',
											success(res) {
												if (res
													.confirm) {
													uni.openSetting({
														success(
															res
														) {},
														fail(
															res
														) {
															// console.log(res);
														}
													});
												}
											}
										});
									} else if (e.errMsg ==
										'saveVideoToPhotosAlbum:fail file not exists'
									) {

										uni.hideLoading();
										this.$sun.toast(
											'保存失败,视频文件不存在!', 'none'
										);
									} else {

										uni.hideLoading();
										console.log('err==>', e);
										this.$sun.toast('保存失败',
											'error');
									}
								}
							});
						} else {

							uni.hideLoading();
							this.$sun.toast('下载失败', 'error');
						}
					},
					fail: err => {
						uni.hideLoading();
						this.$sun.toast(err, 'error');
						this.isWhether = true;
					}
				});


			},
			closeBatch() {
				this.$refs.pop2.close()
			},

			editFn(item) {
				this.$refs.serviceItemsPopup.show({
					anim: 'bottom',
					position: 'bottom',
					shadeClose: false, //false使用户不能点击其它关闭页面
					topclose: false,
					zIndex: 99999
				});
				this.submitParams = item
			},
			delCk() {
				uni.showModal({
					title: '是否确定要删除',
					content: '是否要删除，20250531 该成片，如果删除，将不可恢复，请您谨慎选择',
					success: async (res) => {
						if (res.confirm) {


						} else if (res.cancel) {

						}
					}
				});
			},
			//账号状态
			bindPickerChange2s(e) {
				console.log("---->", e, this.groupLists[e.detail.value].folder_id);
				if (this.arr.length) {
					this.fileChangeFn(this.groupLists[e.detail.value].folder_id)
				} else {
					this.$sun.toast('请选择至少一个素材进行转移', 'none')
				}




			},
			delFn(item) {
				uni.showModal({
					title: '是否确定要删除',
					content: '是否要删除，' + item.name + '素材，如果删除，将不可恢复，请您谨慎选择',
					success: async (res) => {
						if (res.confirm) {
							const result = await this.$http.get({
								url: this.$api.fileDel,
								data: {
									// 用户id
									uid: uni.getStorageSync('uid'),
									type: 2,

									file_id: item.id,


								}
							});
							if (result.errno == 0) {

								// this.radiovalue = []
								// this.arr = []
								this.$sun.toast(result.message)
								this.$nextTick(() => {
									this.mescroll?.resetUpScroll();
								})

							}

						} else if (res.cancel) {

						}
					}
				});
			},
			deleteFn() {
				console.log(this.arr)
				if (this.arr.length) {
					uni.showModal({
						title: '是否确定要删除',
						content: '是否要删除， 该素材，如果删除，将不可恢复，请您谨慎选择',
						success: async (res) => {
							if (res.confirm) {
								const result = await this.$http.post({
									url: this.$api.fileDel,
									data: {
										// 用户id
										uid: uni.getStorageSync('uid'),
										type: 2,

										file_id: this.arr.length == 1 ? this.arr[0] : this.arr.join(
											','),


									}
								});
								if (result.errno == 0) {
									this.checkboxValue = []
									this.radiovalue = []
									this.arr = []
									this.$sun.toast(result.message)
									this.$nextTick(() => {
										this.mescroll?.resetUpScroll();
									})

								}

							} else if (res.cancel) {

							}
						}
					});
				} else {
					this.$sun.toast('请选择至少一个素材删除', 'none')
				}

			},
			cancel3() {
				this.$refs.pop5.close()
				this.user_id = ''
				this.selGroupName = ''
			},
			closeWriteOffIcon() {
				this.$refs.serviceItemsPopup.close()
			},

			changeBox(e) {
				console.log(e)
			},
			confirms() {
				this.$refs.pop.close()
			},
			cancels() {
				this.$refs.pop.close()
			},
			//账号状态
			bindPickerChange3(e) {

				this.selGroupName = this.userPageList[e.detail.value].groupName
				this.user_id = this.userPageList[e.detail.value].id
				console.log("---->", e);


			},
			async payNow() {
				if (!this.solderName) {
					this.$sun.toast('请输入文件素材名称', 'none')
					return
				}
				let info
				info = {
					// 用户id
					uid: uni.getStorageSync('uid'),
					type: 2,
					name: this.solderName,
					id: this.submitParams.id,
					folder_id: this.submitParams.folder_id,
					file: this.submitParams.file,
					cover: this.submitParams.cover,


				}

				// 新建文件夹
				const result = await this.$http.get({
					url: this.$api.fileSave,
					data: {
						...info
					}
				});
				if (result.errno == 0) {
					this.solderName = ''
					this.$sun.toast(result.message)
					this.$refs.serviceItemsPopup.close()

					this.$nextTick(() => {
						this.mescroll?.resetUpScroll();
					})
				} else {
					this.solderName = ''
					this.$sun.toast(result.message)
				}
			},

			// type 1:新建文件夹 2:删除文件夹 3:上传素材 4:素材搬家
			goTo(type) {
				console.log('点击========type', type);
				if (type == 1) {
					this.$refs.pop.show({
						anim: 'center',
						shadeClose: false,
						topclose: false
					});
				}
				if (type == 2) {
					let ids = [];
					this.fileList.map(d => {
						if (d.checked) {
							ids.push(d.id);
						}
					});
					console.log('ids', ids, ids.length, 'ids.length <= 0', ids.length <= 0);
					if (ids.length <= 0) {
						this.$sun.toast('请选择文件夹', 'none');
						return;
					}
					uni.showModal({
						title: '提示',
						content: '确定要删除文件夹吗',
						success: async res => {
							if (res.confirm) {
								const result = await this.$http.post({
									url: this.$api.batchDelete,
									data: {
										ids: ids
									}
								});
								if (result.code == 2000) {
									this.$sun.toast('删除成功');
									setTimeout(() => {
										this.$at.releaseKey('submit');
										this.query();
									}, 1000);
								} else {
									this.$sun.toast(result.msg, 'none');
									this.$at.releaseKey('submit');
								}
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});
					/* this.$at.uniDoFunc({
						key: 'submit',
						success: async () => {
							this.$at.lockKey('submit');
							// 筛选选中的文件
							this.delFile(ids);
						}
					}); */
				}
				if (type == 3) {
					let info
					if (this.status == 2) {
						info = {
							name: this.info.name.name,
							create_time: this.info.name.create_time,
							id: this.info.product_folder_id,
							index: 1
						}
					} else {
						info = this.info
					}
					this.$sun.navGo('/pagesA/creatCenter/uploadFiles/uploadFiles', {
						info: JSON.stringify({
							type: 1,
							typeSource: 2,
							...info

						})
					});
				}
				if (type == 4) {
					let ids = [];
					this.fileList.map(d => {
						if (d.checked) {
							ids.push(d.id);
						}
					});
					this.moveQueryId = ids;
					console.log('ids', ids, ids.length, 'ids.length <= 0', ids.length <= 0);
					if (ids.length <= 0) {
						this.$sun.toast('请选择文件夹', 'none');
						return;
					}
					if (ids.length > 1) {
						this.$sun.toast('素材搬家仅需选1个文件夹', 'none');
						return;
					}
					this.queryUserFile();
				}
			},

		}
	}
</script>

<style lang="less">
	.v-home-page {
		background-image: (var(--bg-image));
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		height: 100vh;
		padding: 20rpx;
		position: relative;
		.search-content {
				
					background: #FFFFFF;
				
					// margin-bottom: 30rpx;
				
					width: 520rpx;
					height: 66rpx;
					border-radius: 230rpx;
				
					image {
						width: 30rpx;
						height: 30rpx;
						margin-right: 10rpx;
					}
				
					view {
						color: #fff;
					}
				
				}

		.list-publics {
			padding: 0 30rpx 30rpx;
			margin: 0;

			.input-name {
				width: 610rpx;
				padding: 20rpx;
				border: 2rpx solid #d9d9d9;
				border-radius: 10rpx;
			}

			.red-dot {
				color: #ff0000;
				margin-left: 10rpx;
			}

			.multiLensList {
				// width: 688rpx;
				// height: 116rpx;
				padding: 20rpx 20rpx;
				border-radius: 20rpx;

				background: rgb(248, 248, 248);

				.icon {
					width: 35rpx;
					height: 35rpx;
				}
			}

			.multiLensImg {
				width: 45.84rpx;
				height: 50rpx;
			}
		}

		.share {
			// height: 300rpx;
			padding: 40rpx;
			width: 50%;
		}

		.matrix-17 {
			width: 96rpx;
			height: 96rpx;
			margin-bottom: 20rpx;
		}

		.matrix-20 {
			width: 18rpx;
			height: 30rpx;
			margin-left: auto;
		}

		#barTitle {
			position: fixed;
			width: 750rpx;
			top: 0;
			left: 0;
			background: #fff;
			color: #000000;
			text-align: center;
			font-weight: bold;
			z-index: 9999
		}

		#barTitle>text {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 20rpx
		}

		.abc {
			background-image: (var(--bg-images));
			background-repeat: no-repeat;
			background-size: contain;
			position: relative;
			margin-top: -31rpx;
			border-radius: 40rpx 40rpx 0 0;
			// height: 100vh;
		}

		.QRcode {
			width: 456rpx;
			height: 456rpx;
		}

		.cancel {
			width: 750rpx;
			text-align: center;
			color: #0C91F3;
			background-color: #fff;

			padding: 40rpx;
		}

		.matrix-17 {
			width: 96rpx;
			height: 96rpx;
			margin-bottom: 20rpx;
		}

		.templateCenter {
			margin-bottom: 30rpx;
			position: relative;

			.templateCenterImg {
				width: 350rpx;
				height: 520rpx;
			}

			::v-deep.uv-checkbox-group {
				position: absolute;
				top: 20rpx;
				left: 0rpx;
				z-index: 99;
			}

			.delImg {
				position: absolute;
				bottom: 156rpx;
				right: 22rpx;
				z-index: 99;
				width: 30rpx;
				height: 30rpx;
			}

			.viewSearch {
				background-color: #fff;
				// padding: 10rpx;

				.arrows {
					margin-top: 15rpx;
				}

				.sameStyle {
					padding: 12rpx;
					width: 350rpx;

					z-index: 88;

					.downloadImg {
						width: 36rpx;
						height: 36rpx;
						margin-bottom: 5rpx;
					}

					.editImg {
						width: 36rpx;
						height: 36rpx;
						margin-bottom: 5rpx;
					}

					.sameStyleBtn {
						width: 132rpx;
						height: 60.68rpx;
						border-radius: 12rpx;
						background: linear-gradient(90.00deg, rgb(99, 91, 252), rgb(61, 82, 251) 100%);
						color: #fff;
					}

				}

				.gradientImg {
					margin-left: -2rpx;
					margin-top: -40rpx;
					width: 354rpx;
					height: 228.2rpx;
				}

				.publishCodeBtn {
					width: 176.14rpx;
					height: 73.86rpx;
					border-radius: 12rpx;
					color: #FFFFFF;
					background: linear-gradient(90.00deg, rgb(87, 255, 162), rgb(36, 227, 220) 100%);
				}

			}
		}



		.serviceItemsContain {
			padding: 0rpx 30rpx 30rpx 30rpx;
			background-color: #fff;

			height: auto;
			overflow-x: auto;

			.PublishTags {
				z-index: 99;
				margin-top: 10rpx;
				height: 102rpx;
				border-radius: 20rpx;
				color: #fff;


				bottom: 20rpx;
				background: rgb(120, 93, 246);
			}

			.myNmae {

				background-color: #fff;
				min-width: 50rpx;

				.avatar {
					width: 84rpx;
					height: 84rpx;
				}

				input {
					text-align: left;
				}

				.uni-input {

					height: 100rpx;
				}

				.uni-inputsa {
					width: 100%;
					height: 90rpx;
					border-radius: 20rpx;
					background: rgb(245, 245, 245);
					margin: 20rpx 0;
					padding: 0rpx 20rpx;
				}

				.uni-inputs {
					text-align: left !important;
				}

				.backgroundImg {

					height: 154rpx;


				}

			}





			.top {
				padding: 30rpx 0;
				width: 100%;

				text {
					color: rgb(0, 0, 0);
					font-size: 36rpx;
					font-weight: 400;
				}
			}

		}

		// “新建文件夹” 弹框
		.v-pop-cls {
			padding: 40rpx 26rpx 60rpx;
			border-radius: 20rpx;
			width: 644rpx;
			background-color: #fff;

			.must {
				color: red;
				margin-left: 8rpx;
			}

			.radio-cls {
				transform: scale(0.8);
			}

			.input-frame,
			.no-input-frame {
				padding: 20rpx;
				border-radius: 10rpx;
				width: 360rpx;
			}

			.input-frame {
				border: 2rpx solid #d9d9d9;
			}

			.no-input-frame {
				background: #f0f0f0;
				border: 2rpx solid #f0f0f0;
			}

			.input-frame2 {
				width: 400rpx;
			}
		}

		.allSelect {
			position: absolute;
			right: 20rpx;
			z-index: 9999;
		}

		.solder {
			margin-top: 60rpx;

			.solderVideo {
				position: relative;


				::v-deep.uv-checkbox-group {
					position: absolute;
					top: 20rpx;
					left: 15rpx;
					z-index: 99;
				}


			}

			.img-124 {
				width: 240.16rpx;
				height: 240.16rpx;
				border-radius: 20rpx;
				margin: 0 5rpx;
				// margin-bottom: 35rpx;

			}


			.solderImg {
				width: 149.24rpx;
				height: 149.3rpx;
			}

			.editImg {
				width: 34.02rpx;
				height: 34rpx;
			}

		}

		.v-call {
			font-size: 29rpx;
			font-weight: 700;
			border-radius: 140rpx;
			padding: 20rpx 40rpx;
			background: #FFFFFF;
			color: #442D25;
			// color: #ffffff;
			width: 90%;
			position: fixed;
			bottom: 40rpx;
			left: 6%;
			border: none;

			z-index: 999;

			box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.1);

			.addSolder {
				width: 40.3rpx;
				height: 40.3rpx;
			}

		}

		//=====================

		.list-publics {
			padding: 0 30rpx 30rpx;
			margin: 0;

			.input-name {
				width: 610rpx;
				padding: 20rpx;
				border: 2rpx solid #d9d9d9;
				border-radius: 10rpx;
			}

			.red-dot {
				color: #ff0000;
				margin-left: 10rpx;
			}

			.multiLensList {
				// width: 688rpx;
				// height: 116rpx;
				padding: 20rpx 20rpx;
				border-radius: 20rpx;

				background: rgb(248, 248, 248);

				.icon {
					width: 35rpx;
					height: 35rpx;
				}
			}

			.multiLensImg {
				width: 45.84rpx;
				height: 50rpx;
			}
		}

		.list-public {
			margin: 0 20rpx 20rpx 20rpx !important;

			box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.05);
			margin: 0;
			margin-bottom: 30rpx;
			border-radius: 20rpx;

			.list-top {
				padding: 28rpx 24rpx 0;

				.list-name {
					font-size: 30rpx;
					font-weight: bold;
					width: 662rpx;
					margin-bottom: 34rpx;
				}

				.bgBlue {
					width: 74rpx;
					height: 40rpx;
					border-radius: 8rpx;
					color: #fff;
					background: rgb(22, 109, 253);
				}

				::v-deep .uni-progress-info {
					font-size: 26rpx;
				}

				progress {
					width: 590rpx;
					margin-left: auto;
					color: #05F;
				}
			}

			.list-data-line {
				background-color: #ECECEC;
				height: 30rpx;
				width: 4rpx;
			}

			.list-data {
				width: 234rpx;
				text-align: center;
			}

			.list-label-line {
				background-color: #ECECEC;
				height: 30rpx;
				width: 4rpx;
			}

			.color_FF0_rgb {
				color: rgba(255, 0, 0, 0.34);
			}

			.color_1E6CEB {
				color: #1E6CEB;
			}

			.list-label {
				width: 234rpx;
				text-align: center;
			}
		}

		.share {
			// height: 300rpx;
			padding: 40rpx;
			width: 50%;
		}

		.list-but {
			width: 600rpx;
			background-color: #0E8FF3;
			padding: 24rpx;
			font-size: 30rpx;
			font-weight: bold;
			text-align: center;
			color: #FFFFFF;
			margin-left: 42rpx;
			margin-top: 90rpx;
		}


		.matrix-12 {
			width: 40rpx;
			height: 40rpx;
			margin-right: 10rpx;
		}

		.matrix-11 {
			width: 96rpx;
			height: 96rpx;
			position: fixed;
			bottom: 170rpx;
			right: 20rpx;
			z-index: 9;
		}

		.addIcon {
			width: 25.9rpx;
			height: 25.9rpx;
		}

		.abc {
			background-image: (var(--bg-images1));
			background-repeat: no-repeat;
			background-size: contain;
			position: relative;
			margin-top: -31rpx;
			border-radius: 40rpx 40rpx 0 0;
			// height: 100vh;
		}

		.QRcode {
			width: 456rpx;
			height: 456rpx;
		}

		.share {
			// height: 300rpx;
			padding: 40rpx;
			width: 50%;
		}

		.matrix-17 {
			width: 96rpx;
			height: 96rpx;
			margin-bottom: 20rpx;
		}

		.matrix-20 {
			width: 18rpx;
			height: 30rpx;
			margin-left: auto;
		}

		// ====================
		.v-be-overdue {
			top: 229rpx;
			cursor: pointer;
			position: absolute;
			width: 560rpx;
			height: 445rpx;
			background-color: #fff;
			opacity: 0.96;
			align-items: center;
			display: flex;
			flex-direction: column;
			left: 97rpx;
			z-index: 999;

			i {
				font-size: 48rpx;
				margin-bottom: 24rpx;
			}

			view {
				color: rgba(23, 26, 28, 0.65);
				font-size: 28rpx;
				margin-top: 8rpx;
			}
		}



	}
</style>